<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Image Loader in Background</title>
	<script src="prototype-1.6.0-packer.js" type="text/javascript" charset="utf-8"></script>
	<script src="asset_pre_loader.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript" charset="utf-8">
		var loadplease = [
			// 'http://www.anythingscout.com/images/cache/1004-original_db4b11d1a2db2fba.jpg?1197478558',
			'local_test.png',
			'something_that_is_not_here.jpg',
			'http://www.google.com/logos/holiday07_3.gif',
		];

		afterwards = function(loaded){
			loaded.each(function(l){
				$('me_images').insert('<img src="' + l + '"/>');
			});
		}

		
		new AssetPreLoader(loadplease, {delayBefore:  0,
																		delayBetween: 0.1, 
																		debug: true,
																		onComplete: afterwards,
																		});
		
	</script>
</head>

<body>
	<div id="me_images">
		<h1>Here are delay loaded images</h1>
	</div>
</body>
</html>
